<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	template="/WEB-INF/template/template.xhtml">
	<ui:define name="body">

		<h:form>

			<div class="body_center_100">
				<rich:panel>
					<f:facet name="header">
        			USUÁRIOS
        			
        			<h:commandButton value="Buscar" action="#{usuarioMB.buscar}"></h:commandButton>
        			<h:commandButton value="Salvar" action="#{usuarioMB.salvar}"></h:commandButton>
        			<h:commandButton value="Limpar" action="#{usuarioMB.limpar}"></h:commandButton>
					</f:facet>


					<h:panelGrid columns="2" id="panelGridCamposUsuario">
						<h:outputLabel value="Nome:" />
						<h:inputText value="#{usuarioMB.usuarioBuscar.nome}"></h:inputText>
						<h:outputLabel value="Login:" />
						<h:inputText value="#{usuarioMB.usuarioBuscar.login}"></h:inputText>
						<h:outputLabel value="Senha:" />
						<h:inputText value="#{usuarioMB.usuarioBuscar.senha}"></h:inputText>
						
						<h:outputLabel value="Email:" />
						<h:inputText title="Email" size="50"
							value="#{usuarioMB.usuarioBuscar.email}" />
							
							<h:outputLabel value="Telefone:" />
						<h:inputText title="Telefone" size="9"
							value="#{usuarioMB.usuarioBuscar.telefone}" />
						
						<h:outputLabel value="Perfil:" />
						<h:selectOneMenu value="#{usuarioMB.usuarioBuscar.perfil}">
							<f:selectItem itemValue="USUARIO" itemLabel="Usuario"></f:selectItem>
							<f:selectItem itemValue="ADMINISTRADOR" itemLabel="Administrador"></f:selectItem>
						</h:selectOneMenu>
						
						<h:outputLabel value="Sexo:" />
						<h:selectOneRadio value="#{usuarioMB.usuarioBuscar.sexo}">
							<f:selectItem itemValue="1" itemLabel="Masculino" ></f:selectItem>
							<f:selectItem itemValue="0" itemLabel="Feminino"></f:selectItem>
						</h:selectOneRadio>
						
						<h:outputLabel value="Ativo:" />
						<h:selectBooleanCheckbox value="#{usuarioMB.usuarioBuscar.status}">
						</h:selectBooleanCheckbox>
					</h:panelGrid>

					<rich:dataTable id="dataTableUsuarios"
						value="#{usuarioMB.listUsuario}" var="usuario"
						style="margin: 0 auto;">

						<h:column>
							<f:facet name="header">Login</f:facet>
							<h:outputText value="#{usuario.login}"></h:outputText>
						</h:column>

						<h:column>
							<f:facet name="header">Nome</f:facet>
							<h:outputText value="#{usuario.nome}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">Sexo</f:facet>
							<h:outputText value="#{usuario.sexo}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">Email</f:facet>
							<h:outputText value="#{usuario.email}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">Telefone</f:facet>
							<h:outputText value="#{usuario.telefone}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">Editar</f:facet>
							<a4j:commandLink action="#{usuarioMB.editar(usuario)}" render="panelGridCamposUsuario">
								<h:graphicImage  library="edit.png" url="/resources/images/edit.png"></h:graphicImage>
							</a4j:commandLink>
						</h:column>

					</rich:dataTable>

				</rich:panel>
			</div>
		</h:form>
	</ui:define>
</ui:composition>